<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <style>
        .center-align{
            text-align: center;
        }
    </style>
</head>

<body>

    <h1 class="center-align">古诗</h1>

    <div class="row center-align">
        <article class="col-md-6 col-xs-10">
            <h2>春晓</h2>

            <p>春眠不觉晓，处处闻啼鸟。
            </p>

            <p>夜来风雨声，花落知多少。
            </p>
        </article>

        <article class="col-md-6  col-xs-10">
            <h2>早春呈水部张十八员外
            </h2>
            <p>天街小雨润如酥，草色遥看近却无</p>
            <p>最是一年春好处，绝胜烟柳满皇都。
            </p>
        </article>

    </div>

    <div class="container">
        <img class="img-thumbnail" src="victory.jpg" alt="">
        <button class="btn btn-info btn-block">button</button>
    </div>

</body>

</html>